<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/";
%>
<html>
	<head>
		<base href="<%=basePath%>">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>在线小说连载</title>
		<link rel="icon" href="images/icon.gif" type="image/x-ico">
		<link rel='stylesheet' type='text/css' href="css/bootstrap.css"/>
		<link href="css/style1.css" rel='stylesheet' type='text/css'/>
		<link rel="stylesheet" href="css/nav.css">
		<link rel="stylesheet" href="iocnfont/iconfont.css">
		<link rel="stylesheet" href="css/gototop.css">
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script>
            $(function () {

				//在页面加载完毕后,在工作区打开相应的页面
                window.open("jsp/workbench/main/index.jsp", "workareaFrame");
            })

		</script>
	</head>

	<body>
		<div class="index-banner">
			<div class="container">
				<div class="header_top">
					<div class=logo>
						<a href="index.jsp"><img src="images/logo.jpeg" alt="" width="100px" height="50px"> </a>
					</div>
				</div>
				<!-- 导航栏 -->
				<div id="nav-1">
					<ul class="nav">
						<li class="slide1"></li>
						<li class="slide2"></li>
						<li><a class="active" href="index.jsp">网站首页</a></li>
						<li><a href="jsp/readr/like.jsp">${SESSION_USER.name}</a></li>
						<li><a href="reader/loginOut.do" id="loginOutBtn">退出</a></li>
					</ul>
				</div>
				<script src="js/nav.js"></script>
			</div>

			<br><br><br><br>
			<div class="content" style="height: 800px;width: 600px; position: absolute;top:400px;left: 200px">
				<div class="container">
					<!-- bootstrap框架的侧边栏样式  -->
					<div class="col-lg-3 col-md-3 col-xs-3 col-sm-3 ">
						<ul class="menu1" style="width: 110px">
							<li class="item1"><a href="novel/fantasy/PageListByNc.do?novelColumn=奇幻玄幻" target="workareaFrame" class="">奇幻玄幻</a></li>
							<li class="item1"><a href="novel/action/PageListByNc.do?novelColumn=武侠仙侠" target="workareaFrame" class="">武侠仙侠</a></li>
							<li class="item1"><a href="novel/history/PageListByNc.do?novelColumn=历史军事" target="workareaFrame" class="">历史军事</a></li>
							<li class="item1"><a href="novel/city/PageListByNc.do?novelColumn=都市娱乐" target="workareaFrame" class="">都市娱乐</a></li>
							<li class="item1"><a href="novel/suspense/PageListByNc.do?novelColumn=悬疑灵异" target="workareaFrame" class="">悬疑灵异</a></li>
						</ul>
					</div>
					<!-- 工作区 -->
					<div id="workarea" style="position: absolute; top : 0px; left: 18%; width: 1000px; height: 560px;">
						<iframe style="border-width: 0px; width: 100%; height: 100%;" name="workareaFrame"></iframe>
					</div>

				</div>
			</div>
			<div>

				<!-- 回到顶部 -->
			</div>
			<button class="gototop"><span>返回顶部</span></button>
		</div>
		<script src="js/gototop.js"></script>
		<!-- 初始化回到顶部的按钮 -->
		<script type="text/javascript">
            $(function () {
                $(".gototop").gototop({
                    position: 0, //返回到页面顶部的位置
                    duration: 1250, //返回顶部平滑过渡动画的持续时间
                    visibleAt: 300, //返回顶部按钮在向下滚动多少像素时可见
                });
            });
		</script>


		<footer class="footer">
			<div class="container">
				<img src="images/logo.jpeg" width="100px" height="50px" alt=""/>
				<p><a href="https://www.ecut.edu.cn/">https://www.ecut.edu.cn/</a></p>
				<div class="copy">
					<p>Copyright &copy;2020 East China University of Technology. All Rights Reserved. <br>
						地址：南昌校区：江西省南昌市青山湖区蛟桥镇广兰大道418号；抚州校区：江西省抚州市学府路56号 邮编：330000 <br>
						电话：18317982215 张永康 赣ICP备xxxxxx号 <br></p>
				</div>
				<ul class="social">
					<li><a href="#"> <i class="fb"> </i> </a></li>
					<li><a href="#"> <i class="tw"> </i> </a></li>
				</ul>
			</div>
		</footer>
	</body>

</html>